<fragment>
  <table id='scores-table'>
    <tr>
      <td class="score-name">
        <div class="tooltip-base hoverable">
          <span class="tooltip-dotted">Popularity:</span>
          <div class="tooltip-content">
          Describes how popular the package is relative to other packages.
          
            <a href="/help#popularity">[more]</a>
          </div>
        </div>
      </td>
      <td class="score-value">
        <div class="score-percent-row">
          <div class="score-percent" style="left: 23%;">23</div>
        </div>
        <div class="score-progress-row">
          <div class="score-progress-frame">
            <div class="score-progress" style="width: 23%; background: rgb(131, 143, 155);"></div>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class="score-name">
        <div class="tooltip-base hoverable">
          <span class="tooltip-dotted">Health:</span>
          <div class="tooltip-content">
          Code health derived from static analysis.
          
            <a href="/help#health">[more]</a>
          </div>
        </div>
      </td>
      <td class="score-value">
        <div class="score-percent-row">
          <div class="score-percent" style="left: 90%;">90</div>
        </div>
        <div class="score-progress-row">
          <div class="score-progress-frame">
            <div class="score-progress" style="width: 90%; background: rgb(184, 186, 187);"></div>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class="score-name">
        <div class="tooltip-base hoverable">
          <span class="tooltip-dotted">Maintenance:</span>
          <div class="tooltip-content">
          Reflects how tidy and up-to-date the package is.
          
            <a href="/help#maintenance">[more]</a>
          </div>
        </div>
      </td>
      <td class="score-value">
        <div class="score-percent-row">
          <div class="score-percent" style="left: 89%;">89</div>
        </div>
        <div class="score-progress-row">
          <div class="score-progress-frame">
            <div class="score-progress" style="width: 89%; background: rgb(183, 185, 187);"></div>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class="score-name">
        <div class="tooltip-base hoverable">
          <span class="tooltip-dotted">
            <b>Overall:</b>
          </span>
          <div class="tooltip-content">
          Weighted score of the above.
          
            <a href="/help#overall-score">[more]</a>
          </div>
        </div>
      </td>
      <td>
        <div class="score-percent-row">
          <div class="score-percent" style="left: 57%;">57</div>
        </div>
        <div class="score-progress-row">
          <div class="score-progress-frame">
            <div class="score-progress" style="width: 57%; background: rgb(0, 196, 179);"></div>
          </div>
        </div>
      </td>
    </tr>
  </table>
  <div style="text-align: right; font-size: 10pt;">Learn more about 
    <a href="/help#scoring">scoring</a>.
  </div>
  <hr/>
  <p>
  We analyzed this package on Oct 26, 2017, and provided a score, details, and suggestions below.
  Analysis was completed with status 
    <i>tool failures</i> using:

  </p>
  <ul>
    <li>Dart: 2.0.0-dev.7.0</li>
    <li>pana: 0.6.2</li>
  </ul>
  <h4>Platforms</h4>
  <p>Detected platforms: web</p>
  <blockquote>
    <p>All libraries agree.</p>
  </blockquote>
  <h4>Health issues and suggestions</h4>
  <div class="suggestion-row">
    <div class="suggestion-title">
      <span class="suggestion-icon-danger"></span>
      <p>Fix 
        <code>dartfmt</code>.
      </p>
    </div>
    <div class="suggestion-description">
      <p>Running 
        <code>dartfmt -n .</code> failed.
      </p>
    </div>
  </div>
  <h4>Dependencies</h4>
  <div class="overflow-x">
    <table class="dependency-table">
      <tr>
        <th>Package</th>
        <th>Constraint</th>
        <th>Resolved</th>
        <th>Available</th>
      </tr>
      <tr>
        <th colspan="4" class="sub-header">Direct dependencies</th>
      </tr>
      <tr>
        <td>Dart SDK</td>
        <td>>=1.25.0-dev.9.0 &lt;2.0.0</td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td>
          <a href="/packages/http">http</a>
        </td>
        <td>^1.0.0</td>
        <td>1.0.0</td>
        <td>1.1.0</td>
      </tr>
      <tr>
        <th colspan="4" class="sub-header">Transitive dependencies</th>
      </tr>
      <tr>
        <td>
          <a href="/packages/async">async</a>
        </td>
        <td>>=0.3.0 &lt;1.0.0</td>
        <td>0.5.1</td>
        <td>1.0.2</td>
      </tr>
    </table>
  </div>
</fragment>
